<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>基本情况</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="../../../css/amazeui.css">
    <link rel="stylesheet" href="../../../css/im.css">
    <script src="../../../js/jquery-1.4.2.min.js"></script>
    <script src="../../../js/iscroll.js"></script>
    <style>

        #wrapper {
            position: absolute;
            z-index: -1;
            bottom: -3em;
            top:25px;
            left: 0;
            width: 100%;
            overflow: inherit;
        }

        #scroller {
            position: absolute;
            z-index: -1;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            width: 100%;
        }

    </style>

    <!--下拉框-->
    <script>
        var arr = ['123', '123', '123'];
        var arr7 = ['因病', '因残', '因学', '因灾', '缺土地', '缺水', '缺技术', '缺劳力', '缺资金', '交通条件落后', '自身发展动力不足', '因婚'];
        var arr6 = ['一般贫困户', '低保户', '五保户', '低保贫困户', '一般农户', '五保贫困户'];

        $(document).ready(function () {
            var _select1 = document.getElementById("info1");
            var _select2 = document.getElementById("info2");
            var _select3 = document.getElementById("info3");
            var _select4 = document.getElementById("info4");
            var _select5 = document.getElementById("info5");
            var _select6 = document.getElementById("info6");
            var _select7 = document.getElementById("info7");
            var _select8 = document.getElementById("info8");
            var _select9 = document.getElementById("info9");
            var i;

            for (i = 0; i < arr6.length; i++) {
                _select6 += '<option>' + arr6[i] + '</option>';
            }
            $('#info6').append(_select6);

            for (i = 0; i < arr7.length; i++) {
                _select7 += '<option>' + arr7[i] + '</option>';
            }
            $('#info7').append(_select7);

        });

        //下拉栏js
        var $$ = function (id) {
            return document.getElementById(id);
        };

        function OC_1(i) {
            var btnSelect1;

            switch (i) {
                case 'info1':
                    btnSelect1 = $$("btn_select_1");
                    break;
                case 'info2':
                    btnSelect1 = $$("btn_select_2");
                    break;
                case 'info3':
                    btnSelect1 = $$("btn_select_3");
                    break;
                case 'info4':
                    btnSelect1 = $$("btn_select_4");
                    break;
                case 'info5':
                    btnSelect1 = $$("btn_select_5");
                    break;
                case 'info6':
                    btnSelect1 = $$("btn_select_6");
                    break;
                case 'info7':
                    btnSelect1 = $$("btn_select_7");
                    break;
                case 'info8':
                    btnSelect1 = $$("btn_select_8");
                    break;
                case 'info9':
                    btnSelect1 = $$("btn_select_9");
                    break;
                default:
                    break;
            }
            var curSelect1 = btnSelect1.getElementsByTagName("span")[0];
            var chgSelect1 = $$(i);
            curSelect1.innerHTML = chgSelect1.value;
        }
    </script>
    <script>
        var myScroll;
        myScroll = new iScroll('wrapper', {
            useTransition: true,
            hScroll: false,
            topOffset: 0,
            y: 0
        }, 100);

        setTimeout(function () {
            document.getElementById('wrapper').style.left = '0';
        }, 800);

        document.addEventListener('touchmove', function (e) {
            e.preventDefault();
        }, false);

        document.addEventListener('DOMContentLoaded', function () {
            setTimeout(loaded, 200);
        }, false);

    </script>
</head>

<body>
<div class="am-tabs" id="doc-my-tabs">
    <!--导航栏-->
    <ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify" style="position: fixed;">
        <li id="tabOne" class="am-active"><a id="title">基本情况</a></li>
    </ul>
    <!--返回按钮-->
    <img src="../../../img/Back.png" style="position: fixed;top: 0.7em;margin-left: 1em" onclick="backBtn()"/>
</div>
<!--滚动部分-->
<div id="wrapper">
    <div id="scroller">
        <table class="am-table am-text-middle am-table-nobordered am-table-compact">
            <tbody>
            <tr>
                <th>村名小组</th>
                <th>
                    <div class="btn-select" id="btn_select_1">
                        <span class="cur-select">请选择</span>
                        <select id="info1" onclick="OC_1(this.id)">
                        </select>
                    </div>
                </th>
            </tr>

            <tr>
                <th>识别标准</th>
                <th>
                    <div class="btn-select" id="btn_select_2">
                        <span class="cur-select">请选择</span>
                        <select id="info2" onclick="OC_1(this.id)">
                        </select>
                    </div>
                </th>
            </tr>

            <tr>
                <th>是否军烈属</th>
                <th>
                    <form>
                        <div class="btn-select" id="btn_select_3">
                            <span class="cur-select">请选择</span>
                            <select id="info3" onclick="OC_1(this.id)">
                                <option>是</option>
                                <option>否</option>
                            </select>
                        </div>
                    </form>
                </th>
            </tr>

            <tr>
                <th>是否独生子女户</th>
                <th>
                    <div class="btn-select" id="btn_select_4">
                        <span class="cur-select">请选择</span>
                        <select id="info4" onclick="OC_1(this.id)">
                            <option>是</option>
                            <option>否</option>
                        </select>
                    </div>

                </th>
            </tr>

            <tr>
                <th>是否双女户</th>
                <th>
                    <div class="btn-select" id="btn_select_5">
                        <span class="cur-select">请选择</span>
                        <select id="info5" onclick="OC_1(this.id)">
                            <option>是</option>
                            <option>否</option>
                        </select>
                    </div>
                </th>
            </tr>
            <tr>
                <th>贫困户属性</th>
                <th>
                    <div class="btn-select" id="btn_select_6">
                        <span class="cur-select">请选择</span>
                        <select id="info6" onclick="OC_1(this.id)">
                        </select>
                    </div>
                </th>
            </tr>
            <tr>
                <th>主要致贫原因</th>
                <
                <th>
                    <div class="btn-select" id="btn_select_7">
                        <span class="cur-select">请选择</span>
                        <select id="info7" onclick="OC_1(this.id)">
                        </select>
                    </div>
                </th>
            </tr>

            <tr>
                <th>主要致贫原因1</th>
                <th>
                    <div class="btn-select" id="btn_select_8">
                        <span class="cur-select">请选择</span>
                        <select id="info8" onclick="OC_1(this.id)">
                        </select>
                    </div>
                </th>
            </tr>

            <tr>
                <th>主要致贫原因2</th>
                <th>
                    <div class="btn-select" id="btn_select_9">
                        <span class="cur-select">请选择</span>
                        <select id="info9" onclick="OC_1(this.id)">
                        </select>
                    </div>
                </th>
            </tr>

            <tr>
                <th>联系电话</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>家庭地址</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>开户用户</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>银行卡号</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            </tbody>
        </table>
        <div align="center">
            <button type="button" class="am-btn am-btn-primary am-radius im-fp-bt-select">保存</button>
        </div>
    </div>
</div>

<script>
    //返回按钮
    function backBtn() {
        window.localStorage.setItem("page", 2);
        window.localStorage.setItem("input", 2);
        window.top.location.href = "../../../main.html";
    }

</script>

</body>
</html>